<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8">
    <meta name="keywords" content="电子订餐系统，登录">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/home/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/home/index.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/home/sweetalert.css">
    <title>登录</title>
</head>
<body>
<%@include file="header.jsp"%>
<div class="container main">
    <!--第一个div是利用图片介绍，第二个div是登录框-->
    <div class="col-sm-8 intro">
        <img class="col-sm-12" src="${pageContext.request.contextPath}/image/home/1.jpg">
    </div>
    <div class="col-sm-4 login">
        <form class="form-horizontal" role="form" action="" method="post">
            <h4>账号登陆</h4>
            <div class="form-group">
                <label class="col-sm-4 control-label">电话号码</label>
                <div class="col-sm-8">
                    <input class="form-control" type="text" id="user_phone" name="user_phone" placeholder="请输入你的电话号码：">
                    <span class="form-result" id="phone_result"></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 control-label">用户密码</label>
                <div class="col-sm-8">
                    <input class="form-control" type="password" id="user_pwd" name="user_password" placeholder="请输入你的密码：">
                    <span class="form-result" id="pwd_result"></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 control-label">用户类型</label>
                <div class="col-sm-8">
                    <select class="form-control" name="user_type" id="user_type">
                        <option value="0" <c:if test="${flag != 1}">selected</c:if>>普通用户</option>
                        <option value="1" <c:if test="${flag == 1}">selected</c:if>>商家用户</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-12">
                    <button class="btn btn-lg btn-primary btn-block" id="submit" type="button">登录</button>
                </div>
            </div>
            <div class="form-group">
                <span class="col-sm-12"><a class="control-label form-right" href="">忘记密码</a></span>
            </div>
        </form>
    </div>
</div>
<footer>
    <!--暂时没想出写什么-->
</footer>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/home/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/home/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/home/login.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/home/sweetalert.min.js"></script>
</body>
</html>
